<nz-modal [(nzVisible)]="deviceOnlineOfflineVisible"
          [nzWidth]="500" [nzTitle]="title"
          [nzFooter]="null"
          class="device-setting"
          nzClosable="false"
>
  <div  *ngFor="let item of listOfData; let index = index">
    <div class="body">
      <div>
        <div>{{item.timeDifference}}</div>
        <div>{{ item.startTime | date: 'yyyy-MM-dd HH:mm:ss'}}</div>
      </div>
      <div class="line">
        <div *ngIf="item.type == 0" class="red">离线</div>
        <div *ngIf="item.type == 1" class="green">在线</div>
      </div>
    </div>
  </div>
  <div class="about" style="margin-top: 30px">
    <div>
      <nz-pagination [nzPageIndex]="pageHelper.currentPage" [nzTotal]="pageHelper.totalItems" (nzPageIndexChange)="nzPageIndexChange($event)"  [(nzPageSize)]="pageHelper.pageSize"></nz-pagination>
    </div>
    <button type="button"  nz-button (click)="handleCancel()">
      <span>关闭</span>
    </button>
  </div>
</nz-modal>
